<!DOCTYPE HTML>
<html>
<head>
<title>Home</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<link rel="stylesheet" href="css/basic_style.css" media="all" type="text/css">
<link rel="stylesheet" href="css/boxs.css" media="all" type="text/css">
<link href='http://fonts.googleapis.com/css?family=Tulpen+One' rel='stylesheet' type='text/css'>
<script src="js/mycode.js"></script>
<script src="js/modernizr.js"></script>
 <!-- jQuery -->
<script src="./js/jquery.min.js"></script>
<script>window.jQuery || document.write('<script src="./js/libs/jquery-1.7.min.js">\x3C/script>')</script>
<!-- FlexSlider -->
<script defer src="./js/jquery.flexslider.js"></script>
<script type="text/javascript">
    $(function(){
      SyntaxHighlighter.all();
    });
    $(window).load(function(){
      $('.flexslider').flexslider({
        animation: "slide",
        start: function(slider){
          $('body').removeClass('loading');
        }
      });
    });
</script>
</head>
<body>
    <div class="wrap">
        <div class="header-bg">
            <div class="login">
            	<?php
					include ("motion.php");
					if(isset($_SESSION['logined']) && $_SESSION['logined'] == "uy"){
						echo"
							<form action='motion.php' method='post' onSubmit='javascript:return loginform();'>
								<table>
									<td>
										<tr>
											<label><a href='user.php'>".$_SESSION['uname']."</a></label>
										</tr>
										<tr>
											<label style='margin-left:6px; color:orange;'>Welcome to HK Foodlife! </label>
										</tr>
									</td>
								 </table>
							</form>
						";
					}
					else
					{
						echo"
							<form name='login' action='motion.php' method='post' onSubmit='javascript:return loginform();'>
								<table>
									<td>
										<tr>
											<label>Username : </label>
										</tr>
										<tr>
											<input type='text' name='uname' placeholder='username'>
										</tr>
										<tr>
											<label style='margin-left:6px;'>Password : </label>
										</tr>
										<tr>
											<input type='password' name='pass' value='' style='margin-right:10px;' placeholder='password'>
										</tr>
										<tr>
											<input type='submit' name='uslogin' value='Login' style='margin-right:7px; border-right:1px gray dotted;'>
										</tr>
										<tr>
											<input type='submit' name='adlogin' value='Admin Login' style='margin-right:7px; border-right:1px gray dotted;'>
										</tr>
									</td>
								 </table>
							</form>
						";
					}
					//print_r($_SESSION);//for testing only
				?>
            </div>
            <div class="top_link">
            	<a href="register.php">Register</a>
            </div>
            <div class="clear"></div>
        </div>
        <div class="header">
            <div class="logo">
                <h1><a href="index.php"><img src="images/LOGO.png" width=60% height=50%></a></h1>
            </div>
            <div class="nav">
               	<ul>
                  <li class="active"><a href="index.php">Home</a></li>
                  <li><a href="order.php">Order</a></li>
                  <li><a href="contact.php">Contact</a></li>
                </ul>
            </div>
            <div class="clear"></div>
            <section class="slider">
                <div class="flexslider">
                    <div class="flex-viewport" style="overflow: hidden; position: relative;">
                        <ul class="slides" style="width: 1200%; -webkit-transition: 0.6s; transition: 0.6s; -webkit-transform: translate3d(-5032px, 0, 0);">
                            <li class="clone" style="width: 1258px; float: left; display: block;">
                                <img src="images/HOMEP1.jpg">
                            </li>
                            <li style="width: 1258px; float: left; display: block;" class="">
                                <img src="images/HOMEP2.jpg">
                            </li>
                            <li class="" style="width: 1258px; float: left; display: block;">
                                <img src="images/HOMEP3.jpg">
                            </li>
                            <li class="" style="width: 1258px; float: left; display: block;">
                               <img src="images/HOMEP1.jpg">
                            </li>
                            <li style="width: 1258px; float: left; display: block;" class="flex-active-slide">
                             <img src="images/HOMEP2.jpg">
                            </li>
                            <li style="width: 1258px; float: left; display: block;" class="clone">
                                <img src="images/HOMEP3.jpg">
                            </li>
                   		</ul>
                 	</div>
             	</div>
        	</section>
        	<div class="clear"></div>
        </div>
        <div class="main mar_t18">
        	<div class="content">
                	<div class="con_font">
                    <h2>
                    About Us
                    </h2>
                        <p style="text-align:justify;">Welcome to the Hong Kong Food Life Shop! Inside our Shop, all of the food is brought by Hong Kong Famous Chef, more than 100 items has been sold around Singapore. It's very different from other Hong Kong's restaurant in Singapore because we provide the best foods to our customers. Customers can choose many kinds of dishes such as Cantonese cuisine. They can also book for a table while it's crowded. Open till late at night, this restaurant provides special dishes such as Tim Sum, noodle, etc.</p>
                    </div>
            </div>
            <div class="line_tb">
            </div>
            <div class="section group">
            	<div class="col span_1_of_3">
                    <h2 class="bor_b">Booking Table</h2>
                    <div class="form">
                        <form action="motion.php" method="post">
                            <table>
                                <tr>
                                    <td width="36%"><span>Name:</span></td>
                                    <td width="64%"><input name="name" type="text"></td>
                                </tr>
                                <tr>
                                    <td><span>Phone:</span></td>
                                    <td><input name="phnoe" type="text"></td>
                                </tr>
                                <tr>
                                    <td><span>Number of people:</span></td>
                                    <td><select class="mar_t8"><option>1</option>
                                                <option>2</option>
                                                <option>3</option>
                                                <option>4</option>
                                    </select></td>
                                </tr>
                                <tr>
                                <td><span>Arrived Time:</span></td>
                                    <td><select><option>01</option><option>02</option><option>03</option><option>04</option><option>05</option><option>06</option><option>07</option><option>08</option><option>09</option><option>10</option></select>
                                        <select><option>Jan</option><option>Feb</option><option>Mar</option><option>Apr</option><option>May</option><option>Jun</option><option>Jul</option><option>Aug</option><option>Sep</option><option>Oct</option><option>Nov</option><option>Dec</option></select>
                                        <select><option>2014</option><option>2015</option><option>2016</option></select>
                                    </td>
                                </tr>
                                <tr>
                                <td></td>
                                <td><input type="submit" name="s_book" value="Book" class="float-rt" onClick="return confirm('The booking has been uploaded!!');"></td>
                                </tr>
                            </table>
                        </form>
                    </div>
                </div>
                <div class="col span_2_of_3 line_lr">
                	<h2 class="bor_b">Announcement</h2>
                	<p style="color:#F33">There is a promotion for Orange drink, so you can by 1 get 1 free from Jun. 1 to Mar.1 .</p>
                </div>
            </div>
        </div>
        <div class="section group">
        	<div class="col span_1_of_2">
            	<h2>Mission</h2>
                <ul class="nul">
                	<li>1.That the food and drink we sell meets the highest standards of quality, freshness and seasonality and combines both modern-creative and traditional southern styles of cooking.</li>
                    <li>2.To consistently provide our customers with impeccable service by demonstrating warmth, graciousness, efficiency, knowledge, professionalism and integrity in our work</li>
                    <li>3.To have every customer who comes through our doors leave impressed by HK foodlife and excited to come back again. </li>
                    <li>4.To be a giving member of the Hongkong community and to use our restaurant to improve the quality of life in the Hongkong. </li>
                </ul>
            </div>
            <div class="col span_1_of_2">
            	<h2>contact</h2>
          		<table>
                	<tr style="text-align:center;">
                        <td width="52" >
                        	Phone </td>
                        <td width="14">
                        	:
                        </td>
                        <td width="340" style="text-align:left;">
                        	+65 8203-0239
                        </td>
                    </tr>
                    <tr style="text-align:center;">
                        <td width="52" >
                        	Email </td>
                        <td width="14">
                        	:
                        </td>
                        <td width="340" style="text-align:left;">
                        	hkfoodlife_order@gmail.com
                        </td>
                    </tr>
                    <tr style="text-align:center;">
                        <td width="52" >
                        	Fax </td>
                        <td width="14">
                        	:
                        </td>
                        <td width="340" style="text-align:left;">
                        	8453-0459
                        </td>
                    </tr>
                    <tr style="text-align:center;">
                        <td width="52" >
                        	Address </td>
                        <td width="14">
                        	:
                        </td>
                        <td width="340" style="text-align:left;">
                        	15 Mandarina Avenue, Marina Square, Singapore 039799
                        </td>
                    </tr>
                </table>
            </div>
            <div class="box2 mar_l10 mar_t18"><img src="images/rastuarant.jpg" width="436" height="290" class="float-rt"></div>
        </div>
        <div class="footer">
                <p class="w3-link">© 2014 JCU Students | Designed by HKFL Team</p>
        </div>
	</div>
</body>
</html>